<template>
  <div class="mapBox">
    <MapcompVue :adds="adds" v-if="adds.length !== 0"></MapcompVue>
  </div>
</template>

<script setup>
import MapcompVue from "../components/Mapcomp.vue";
import { storeList } from "../api/index";
import { ref } from "vue";

const adds = ref([]);

fn();

async function fn() {
  const res = await storeList();
  // console.log(res);
  adds.value = res.data.data.data;
  // console.log(adds.value);
  // return res.data.data.data

  return res.data.data.data;
}
</script>

<style lang="less" scoped>
.mapBox {
  width: 100vw;
  height: 95vh;
}
</style>
